<template>
	<view class="loading-page" :class="type">
		<view class="loading-cont">
			<image src="@/static/images/loading.gif" mode="widthFix" class="loading-icon"></image>
		</view>
	</view>
</template>

<script>
	export default {
        props: {
			type:{
				type: String,
				default: 'normal'
			}
		},
		data() {
			return {
			};
		}
	}
</script>

<style lang="scss" scoped>
	.loading-page.full{
		background-color: rgba($color: #ffffff, $alpha: 0);
	}
    .loading-page{
		background-color: #FFFFFF;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		display: flex;
		flex: 1;
		align-items: center;
		justify-content: center;
		.loading-cont{
			.loading-icon{
				width: 140rpx;
				height: 140rpx;
			}
			.loading-text{
				text-align: center;
				font-size: 28rpx;
			}
		}
	}
</style>
